<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自在生活</title>
		<link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"></link>
		<link rel="stylesheet" href="<%=basePath %>css/swiper-3.3.1.min.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<style>
			body {
		        background: #eee;
		        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		        font-size: 14px;
		        color:#000;
		        margin: 0;
		        padding: 0;
		        /*overflow:hidden; */
		    }
			html, body {
				height:100%;
				font-size: 10pt;
				background : #ffffff; 
			}
			h1 {
				font-size: 18pt;
			}
			h2 {
				font-size: 14pt;
			}
			.warning {
				font-weight: bold;
			}
			
		    .swiper-container {
		        width: 100%;
		        height: 224px;
		        margin: 20px auto;
		    }
		    .swiper-slide {
		        text-align: center;
		        font-size: 18px;
		        /* Center slide text vertically */
		        display: -webkit-box;
		        display: -ms-flexbox;
		        display: -webkit-flex;
		        display: flex;
		        -webkit-box-pack: center;
		        -ms-flex-pack: center;
		        -webkit-justify-content: center;
		        justify-content: center;
		        -webkit-box-align: center;
		        -ms-flex-align: center;
		        -webkit-align-items: center;
		        align-items: center;
		    }
			.navbar-default{
				border: 0px;
			}
			.piclun {
				width: 200%;padding-left: 0px;
			}
			.piclun li{
				display: inline-block;;
			}
			.piclun li img{
				float: left;
			}
			a{color: #FFF;}
			a:focus, a:hover{color: #888888;text-decoration: none;}
			.onClishaed{color: #888888;}
		</style>
	</head>
	<body>
		<div style="background-color: #25292c;">
			
			<div id="header-bar" class="navbar navbar-inverse" style="margin-bottom: 0px">
				<div class="container-fluid" style="color: #FFFFFF;">
					<!--<ul class="nav navbar-nav">
						<li class="col-md-1 col-md-offset-4"></li>
						<li><a href="#" style="color: #FFFFFF;">智能家居</a></li>
						<li><a href="#" style="color: #FFFFFF;">APP下载</a></li>
						<li><a href="#" style="color: #FFFFFF;">关于我们</a></li>
					</ul>-->
					<div class="row" style="margin: 15px 0px;">
						<div class="col-xs-3 col-sm-1 col-sm-offset-3">
							<a href="<%=basePath %>home">
								<img src="images/logo.png" style="width: 15px;" />
							</a>
						</div>
						<div class="col-xs-3 col-sm-2">
							<a class="onClishaed" href="<%=basePath %>panorama">智能家居</a>
						</div>
						<div class="col-xs-3 col-sm-2">
							<a href="<%=basePath %>download">APP下载</a>
						</div>
						<div class="col-xs-3 col-sm-2">
							<a href="<%=basePath %>aboutUs">关于我们</a>
						</div>
					</div>
				</div>
			</div>
			<div>
				<div id="win_flash" style="display: none">
					<div id="flashContent" style="height:800px;display: none">
						<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
					</div>
					<noscript>
						<p class="warning">Please enable Javascript!</p>
					</noscript>
				</div>
 				<iframe id="android_flash" src="<%=basePath %>Panorama/all.html" style="width:100%;height:300px;border:0px;background-color: #25292c;display: none"></iframe>
			</div>
			<div id="footer-bar" class="footer text-muted" style="padding: 21px 0px;">
				<div class="container-fluid">
					<div class="row" style="margin: 14px 0px;color: #cecdcb;">
						<div class="col-sm-12 " style="text-align: center;">
							 Copyright©2016 <a href="http://www.izzsh.com">izzsh.com</a> All Rights Reserved 广州市丰品信息科技有限公司
							 <span><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1260439132'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1260439132%26show%3Dpic2' type='text/javascript'%3E%3C/script%3E"));</script></span>
						</div>
					</div>
				</div>
			</div>
		</div>
	<script type="text/javascript" src="<%=basePath %>js/swfobject.js">
	<script src="<%=basePath %>js/bootstrap.min.js"></script>
	<script src="<%=basePath %>js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
	/* 平台兼容 */
	 var system = { 
	            win: false, 
	            mac: false, 
	            xll: false, 
	            ipad:false,
	            android:false,
	            iPhone:false,
	            window:false
	        }; 
	//检测平台 
    var p = navigator.platform; 
	console.log(p);
    console.log(navigator.userAgent);
    system.win = p.indexOf("Win") == 0; 
    system.mac = p.indexOf("Mac") == 0; 
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 
    system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false; 
    system.android = (navigator.userAgent.match(/android/i) != null)?true:false; 
    system.iPhone = (navigator.userAgent.match(/iPhone/i) != null)?true:false; 
    system.window = (navigator.userAgent.match(/Windows/i) != null)?true:false; 
    //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面 
    if (system.window) { 
	    	var Fheight,Fwight='';	
			var flashvars = {};
			var params = {};
			Fwight=document.body.clientWidth;
			Fheight=document.body.clientHeight-document.getElementById("footer-bar").offsetHeight-document.getElementById("header-bar").offsetHeight;/*-document.getElementById("header-bar").offsetHeight)-50*/
			params.quality = "high";
			params.bgcolor = "#ffffff";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			params.base=".";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			swfobject.embedSWF(
				"images/out.swf", "flashContent", 
				Fwight, Fheight, 
				"9.0.0", "expressInstall.swf", 
				flashvars, params, attributes);
			$("#win_flash").show();
       } else{ 
    	   $("#android_flash").show();
       } 
		
	</script>
	</body>
</html>
